<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    
    <!-- import Vue before Element -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.15.6/theme-chalk/index.min.css">
    <!-- import Vue before Element -->
    <!-- import JavaScript  -->
    <script src="https://cdn.staticfile.org/vue/2.6.9/vue.min.js"></script>
    <!-- import JavaScript -->
    <script src="https://cdn.staticfile.org/element-ui/2.15.6/index.min.js"></script>
    <title>异界事务所-个人网页 @涯S</title>
</head>
<body>
    
    <style>
        .text {
            font-size: 14px;
        }

        p {
            font-size: large;
            color: #303133;
        }

        li p {
            font-size: medium;
            color: black
        }

        .item {
            padding: 18px 0;
        }

        .box-card {
        }

        #page_index {
            font-size: large;
            background-color: #FFFFFF
        }

        .el-collapse-item__header {
            color: lightgreen;
            background-color: gray
        }

        .divblock {
            border: 3px solid #DCDFE6;
        }

        span {
            font-size: large;
        }

        .imglist p {
            text-align: center
        }
    </style>
    <div id="app">
        <el-container>
            <el-row>
                <el-col :span="24">
                    <div class="grid-content bg-purple-dark">
                        <el-menu :default-active="activeIndex"
                                 class="el-menu-demo"
                                 mode="horizontal"
                                 @select="handleSelect"
                                 background-color="#545c64"
                                 text-color="#fff"
                                 active-text-color="#ffd04b">
                            <el-menu-item index="page_index">首页</el-menu-item>
                            <el-menu-item index="page_dl">下载和更新</el-menu-item>
                            <el-menu-item index="page_jc">教程</el-menu-item> 
                            <el-menu-item index="page_other">其他资源</el-menu-item>
                            <el-menu-item index="page_qq">QQ群</el-menu-item>
                            <el-menu-item index="page_tec">技术支持</el-menu-item>
                            <el-menu-item index="page_recv">关于捐赠</el-menu-item>
                            <el-menu-item index="page_about">关于</el-menu-item>
                             <el-menu-item index="page_fhx"><a href="./index.html" target="_blank">反和谐</a> </el-menu-item>
                        </el-menu>
                    </div>
                </el-col>
            </el-row>

            <el-row>
                <el-col :span="24">
                    <div id="maindiv">
                        <div id="page_index" v-if="page_index">
                            <div class="divblock">
                                <ul>
                                    <li>本程序实现异界事务所(国服官服,B服)分公司自动派遣任务(顺带完成跃入和BOSS支援)，优先钻石,蓝票,若无钻石蓝票任务则选择一小时任务，一轮脚本完成后，根据模式，可自动关闭游戏或者进入睡眠等待下一轮脚本运行.可选择不派遣钻石,可选择钻石优先，可选择当无蓝票钻石任务时派遣模拟卷。
                                    </li>
                                    <li>脚本 最新版{{asversion}}</li>
                                    <li>仅支持PC端(官服,B服)</li>
                                    <li>如果用了本人的反和谐,请用最新版PC端反和谐(自动更新会更新到最新的EXE,如果没有,请到个人网页那下载最新的反和谐一键启动.exe覆盖即可)</li>
                                    <li>请仔细阅读教程</li>
                                </ul>

                            </div>
                        </div>
                       
                        <div id="page_dl" v-if="page_dl">
                            <div class="divblock">
                                <h1>概述</h1>
                                <p>PC端程序支持WIN7-WIN11 (WIN11未测试) 请阅读教程后下载使用</p>
                            </div>
                            <el-divider></el-divider>
                            <div class="divblock">
                                <h1>下载</h1>
                                <ul>
                                    <li>最新版本:{{asversion}} 2022/06/24</li>
                                    <li>点击下方链接下载,下载完成后解压到任意文件夹,必须先看教程,教程在压缩包里</li>
                                    <li>提取码：2233</li>
                                </ul>
                                <el-card class="box-card">
                                    <el-link href="https://pan.baidu.com/s/1ZHw-8q3MhEgeU3U5ve76Gg?pwd=2233" target="_blank" type="primary">下载自动脚本</el-link>
                                </el-card>
                            </div>
                        </div>

                        <div id="page_jc" v-if="page_jc">
                            <div class="divblock">
                                <h1>PC端教程</h1>
                                <ol>
                                    <li>请看压缩包里的教程.txt</li>
                                </ol>
                            </div>
                        </div>

                        <div id="page_tec" v-if="page_tec">
                            <div class="divblock">
                                <h1>PC端技术</h1>
                                <ol>
                                    <li>.NET FRAME WORK 4.5, C# ,WINFORM,http(s)服务与代理等,截图,模拟按键等</li>
                                </ol>

                            </div>
                        </div>
                        <div id="page_recv" v-if="page_recv">
                            <div class="divblock">
                                <h1>关于捐赠</h1>
                                <div>
                                    捐赠所得将用于FHX项目服务器(云盘)资费以及给我游戏帐号月卡
                                </div>
                                <div>
                                    由于GITEE 捐赠申请失败,因此只好拿微信收款码来了
                                    <p>
                                        <el-image :src="img_wx"></el-image>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div id="page_other" v-if="page_other">
                            <div class="divblock">
                                <h1>角色日语无损语音 .wav  全语音压缩包</h1>
                                <el-card class="box-card">
                                    <el-link href="https://pan.baidu.com/s/19nGbPAbgt3DOrLZ5cAKhtw?pwd=2233" target="_blank" type="primary">角色日语无损语音</el-link>
                                </el-card>
                            </div>

                            <el-divider></el-divider>
                            <div class="divblock">
                                <h1>角色头像 256*256</h1>
                                <el-card class="box-card">
                                    <el-link href="https://pan.baidu.com/s/1Xl7N2qZ7GBK63rqDGbwKVw?pwd=2233" target="_blank" type="primary">角色头像</el-link>
                                </el-card>
                            </div>
                        </div>
                        <div id="page_qq" v-if="page_qq">
                            <div class="divblock">
                                <p>QQ群 198023685</p>
                                <p>仅为反和谐交流、自动脚本相关</p>
                                <p>入群答案:本人的贴吧ID</p>
                            </div>
                        </div>
                        <div id="page_about" v-if="page_about">
                            <div class="divblock">
                                <h1>免责声明</h1>
                                <ol>
                                    <li>本网页提供的程序永久免费使用,如有人用于盈利,后果自负</li>
                                    <li>请勿在官方账号/群等讨论本程序</li>
                                    <li>本网页提供的程序仅作学习,研究,交流软件编程知识。请在下载程序后24小时内删除程序</li>
                                    <li>如有不可预知的损失请自行承担(不会封号,原理和按键精灵类似,不扫描内存不修改内存)</li>
                                </ol>
                            </div>
                        </div>
                        <div id="page_fhx" v-if="page_fhx">
                            <div class="divblock">
                                <el-card class="box-card">
                                    <el-link href="./pc_fhx.html" target="_blank" type="primary">反和谐</el-link>
                                </el-card>
                            </div>
                        </div>
                    </div>
                </el-col>
            </el-row>

            <el-footer>

            </el-footer>
        </el-container>
    </div>

    <script>
        var VueObject = function () {
            return {
               
                img_wx: '',

                active: 'tab_1',
                andsel: '1',
                page_other: false,
                page_index: true,
                page_dl: false,
                page_jc: false, 
                page_about: false,
                page_jc_android_89: false,
                page_tec: false,
                page_qq: false,
                page_recv: false,
                page_fhx:false,
                asversion:'v1.0.0.0',
                apkversion: '7.05',
                pcversion: 'FHX_V7_FINAL 7.0.0.5',
                activeIndex: 'page_index',
                pc_jc_imgdatas: [
                    {
                        url: 'https://s3.bmp.ovh/imgs/2022/02/ce754bde1baeeac2.png',
                        title: '设置-1'
                    },
                    {
                        url: 'https://s3.bmp.ovh/imgs/2022/02/e0a3f3f373aea201.png',
                        title: '设置-2'
                    },
                    {
                        url: 'https://s3.bmp.ovh/imgs/2022/02/ca2c138b13a9adeb.png',
                        title: '设置-3'
                    },
                    {
                        url: 'https://s3.bmp.ovh/imgs/2022/02/9bb93d5543e26176.png',
                        title: '设置-4'
                    },
                    {
                        url: 'https://s3.bmp.ovh/imgs/2022/02/85d66942741098ac.png',
                        title: '设置-5'
                    },
                    {
                        url: 'https://s3.bmp.ovh/imgs/2022/02/77831fce95109633.png',
                        title: '手动更新-1'
                    },
                    {
                        url: 'https://s3.bmp.ovh/imgs/2022/02/5d1233f638df39c8.png',
                        title: '手动更新-2'
                    },
                ],


            };

        };
        var VueFunc = {
            test() {
                this.apkversion = '';

            },
        };

        var VueFunc_PC = {
            CloseAllPages() {
                this.page_index = false;
                this.page_dl = false;
                this.page_jc = false;
                this.page_about = false;
                this.page_tec = false;
                this.page_qq = false;
                this.page_recv = false;
                this.page_other = false;
                this.page_fhx = false;


            },
            handleSelect(key, keyPath) {
                this.CloseAllPages()
                this[key] = true
            },
        };
        //此处不需要包含进去
        new Vue({
            el: '#app',
            data: VueObject,
            methods: VueFunc_PC
        })
    </script>
</body>
</html>